<script setup lang="ts">
import { reactive } from 'vue';

const props: any = defineProps<{
    ujt: any;
}>();
const { $fn } = props.ujt;
$fn.useApi(props.ujt, 'webserver');

const jsonData: any = reactive({
    btn: 1,
    eq: 3,
    ic: 2,
    list: [
        { label: '测试修改', value: './webdata/upload/jsontest.json' },
        {
            label: '网站设置',
            value: './webclient/webmodel/sys/config/configsys.json',
        },
        {
            label: '服务设置',
            value: './websys/sys/asaihost.json',
        },
    ],
    data: null, // 初始数据，为空则直接读取path里面的值
});
jsonData.path = jsonData.list[0].value;
</script>

<template>
    <JsonEditor
        :ujt="ujt"
        :asaidata="jsonData"
        :fnapi="$fn.api['webserver']"
    ></JsonEditor>
</template>
<style scoped lang="scss"></style>
